@charset "utf-8";
/* CSS Document */
.clearfix{overflow:auto;_height:1%}
.q-title, .q-result, .q-title-list li{ background-image: url(../img/ask-icon.png); background-repeat: no-repeat; }
.ask-content{ width: 990px; font-family: Microsoft Yahei; overflow: visible;}
.ask-content a:hover{ text-decoration:underline; color: #ff6300;}
.ask-l{ width: 730px; float: left;}
.ask-r{ width: 232px; float: right;}
.ask-rec{ margin-bottom: 20px; background: #fff;}
.ask-rec-info{ width: 397px;}
.q-title{height: 16px; padding-top: 20px; padding-left: 47px; padding-bottom: 7px; background-position:-24px -9px; width: 350px;}
.q-title a{font-size: 16px; color: #222; line-height: 1; display: block; width: 350px;}
.q-result{ font-size: 12px; color: #666; height: 50px; line-height: 18px; padding-top: 7px; padding-left: 46px; margin: 0 8px; background-position:-24px -91px; border-bottom: 1px solid #e2e2e2;}
.q-title-list{ margin: 0 8px;}
.q-title-list li{ border-bottom: 1px dashed #e2e2e2; line-height: 1; padding: 13px 6px 13px 38px; background-position:-16px -142px;}
.q-title-list li:last-child{ border-bottom: none;}
.q-title-list li a{ font-size: 14px; display: block; width: 337px;}
.hide-text{ overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
/* 登录注册 */
.ask-login-box{ background: url(../img/ask-data.png) no-repeat top center #fff; margin-bottom: 20px;}
.ask-data{ padding:100px 20px 15px 20px;}
.ask-data p{ font-size: 14px; line-height: 18px; color: #6a6a6a;}
.ask-data p span{ color: #f25618;}
.ask-login-button{ padding: 0 14px 20px 14px;}
.ask-login-button a{ border: 1px solid #ffa127; width: 94px; height: 34px; border-radius: 3px; display: block; float: left; text-align: center; line-height: 34px;}
.ask-login-button a:last-child{ margin-left: 12px;}
.ask-login-button a.ask-login-reg{ background-color: #ffa127; color: #fff;}
.ask-login-button a.ask-login-log{ background-color: #fff; color: #ffa127;}

/* 推荐项目 */
.ask-r span.title{ display: block; font-size: 18px; line-height: 1; color: #2f2f2f; padding: 10px 14px;}
.item-rec{ border-top:2px solid #1f75d8; background: #fff; margin-bottom: 20px;}
.item-rec ul{ padding: 0 14px;}
.item-rec ul li{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding-bottom: 15px;}
.item-rec ul li:last-child{ padding-bottom: 20px;}
.item-rec ul li a.item-rec-pic{ display: block; border: 1px solid #e2e2e2; padding: 3px; height: 94px;}
.item-rec ul li a.item-rec-pic img{ width: 94px; height: 94px;}
.item-rec ul li .item-rec-con{ padding-left: 6px;}
.item-rec ul li .item-rec-con span{ font-size: 16px; line-height: 18px; color: #666; padding-bottom: 9px; display: block; width: 96px;}
.item-rec ul li .item-rec-con p{ font-size: 12px; color: #666; line-height: 1; padding-bottom: 9px;}
.item-rec ul li .item-rec-con p i{ font-size: 12px; color: #ffa127; font-style: normal; margin-top: -1px;}
.item-rec ul li .item-rec-con a{ border: 1px solid #ffa127; width: 76px; height: 30px; border-radius: 3px; display: block; float: left; text-align: center; line-height: 29px; background-color: #ffa127; color: #fff; background: url(../img/ask-icon.png) no-repeat -27px -377px; padding-left: 18px; font-size: 14px;}

/* 热门话题 */
.hot-topic{ border-top:2px solid #1f75d8; background: #fff; margin-bottom: 20px;}
.hot-topic ul{ padding: 0 14px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 20px;}
.hot-topic ul li{ margin-right: 14px;}
.hot-topic ul li a{ font-size: 14px; line-height: 21px; color: #2983ea;}

/* 热门新闻 */
.hot-news{ border-top:2px solid #1f75d8; background: #fff; margin-bottom: 20px;}
.hot-news ul{ border-top:1px solid #e3e3e3; padding-bottom: 20px;}
.hot-news ul li a{ font-size: 12px; color: #2f2f2f; line-height: 14px; padding:8px 0 8px 30px; background: url(../img/ask-icon.png) no-repeat; background-position: -10px -278px; display: block; }
.hot-news ul li a:hover{ color: #1f75d8; background-position: -10px -242px;}
.hot-news ul li a.hot{ background-position: -15px -201px;}

/* 项目咨询 */
.ask-item-box{ padding: 0 14px 20px 14px; background: #fff; margin-bottom: 20px;}
.ask-item-pic{ width: 98px; height: 98px; border: 1px solid #e2e2e2; display: block; margin: 20px auto; margin-top: 0;}
.ask-item-btn { padding-bottom: 15px;}
.ask-item-btn a{ border: 1px solid #ffa127; width: 94px; height: 34px; border-radius: 2px; display: block; float: left; text-align: center; line-height: 34px; background-color: #ffa127; color:#fff;}
.ask-item-btn a:hover{ color: #fff;}
.ask-item-btn a:last-child{ margin-left: 12px;}
.ask-item-title {}
.ask-item-title a{ display: block; float: left;}
.ask-item-name{ font-size: 14px; line-height: 24px; color: #1f75d8;}
.vip-icon{ background: url(../img/ask-icon.png) no-repeat -19px -325px; width: 30px; height: 24px;}
.ask-item-ab span{ color: #b0afaf; font-size: 12px; line-height: 24px; padding-right: 10px;}

/* 全部问题分类 */
.ask-all{ overflow: visible;}
/* 分类列表 */
.ask-classify{ width: 170px; float: left;}
.ask-classify-title{ background-color: #1f75d8; border: 2px solid #1f75d8; width: 150px; height: 46px; border-right: none; box-shadow: 3px 0 0 #1f75d8; font-size: 16px; line-height: 46px; color: #fff; padding-left: 15px;}
.ask-classify ul{}
.ask-classify ul li { position: relative;}
.ask-classify ul li a i{ opacity: .6; padding-right: 9px;}
.ask-classify ul li a.one-level{ background-color: #2983ea; border: 2px solid #2983ea; width: 148px; height: 44px; border-right: none; box-shadow: 3px 0 0 #1f75d8; font-size: 16px; line-height: 44px; color: #fff; padding-left: 17px; position: relative; z-index: 2; display: block;}
.ask-classify ul li a.one-level:hover, .ask-classify ul li.active a.one-level, .ask-classify ul li a.active{ background-color: #fff; border: 2px solid #1f75d8; border-right: none; color: #666; box-shadow: none; width: 151px; text-decoration: none;}
.ask-classify ul li .ask-classify-list{ position: absolute; left: 168px; top: 0px; width: 357px; border: 2px solid #1f75d8; padding-top: 20px; z-index: 1; display: none; background: #fff;}
.ask-classify ul li .ask-classify-list a{ font-size: 14px; line-height: 24px; color: #666; float: left; width: 89px; text-align: center; margin-bottom: 20px;}
.ask-classify ul li .ask-classify-list a:hover{ color:#2983ea; text-decoration: none;}
.ask-classify ul li.active .ask-classify-list{ display: block;}



/* 问答tab */
.ask-tab{ width: 544px; padding-left: 16px; float: left; background: #fff;}
.ask-tab .idTab { width: 544px; overflow: hidden; background: #fff; }
.ask-tab .tab_nav { background: repeat-x right bottom; height: 48px; border-bottom: 2px solid #e3e3e3; overflow: visible; position: relative;}
.ask-tab .idTab .tabcon{ margin-top:-1px;}
.ask-tab .tab_nav ul{ height: 50px;}
.ask-tab .tab_nav li { float: left; width: 80px; list-style: none; margin-right: 20px; }
.ask-tab .tab_nav a { display: block; height: 48px; background-repeat: no-repeat; line-height: 999px; overflow: hidden; font-size: 16px; line-height: 18px; color: #1f75d8; line-height: 48px; text-decoration: none; text-align: center;}
.ask-tab .nav_1 a.selected, .ask-tab .nav_2 a.selected, .ask-tab .nav_3 a.selected { border-bottom: 2px solid #ffa127; color: #ffa127; }
.ask-search-box { position: absolute; top: 11px; right: 0; width: 228px; height: 28px; border: 1px solid #e3e3e3; overflow-y: hidden;}
.ask-search-box input.ask-search{ width: 180px; height: 20px; border: none; padding: 0; margin: 4px 10px; display: block; float: left; font-family: Microsoft Yahei;}
.ask-search-box button.ask-search-btn{ width:16px; height: 16px; padding: 0; margin: 6px 0; border: none; float: left; display: block; background-color: #fff; cursor: pointer;}
.ask-search-box button.ask-search-btn i{ font-size: 16px; color: #929292;}
.ask-tab-list{}
.ask-tab-list li{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px solid #e3e3e3; padding: 15px 0 10px 0;}
.ask-tab-list li:last-child{ border-bottom: none;}
.ask-tab-list li .ask-tab-list-l{ width: 415px; padding-left: 5px;}
.ask-tab-list li .ask-tab-list-l a{display: block; font-size: 16px; line-height: 24px; color: #1f75d8; width: 415px;}
.ask-tab-list li .ask-tab-list-l p{ font-size: 12px; line-height: 24px; color: #8f8f8f;}
.ask-tab-list li .ask-tab-list-l p span{ color: #ffa127;}

.ask-tab-list li .ask-tab-list-r{ width: 100px;}
.ask-tab-list li .ask-tab-list-r a{ width: 73px; height: 34px; border: 1px solid #bfbfbf; border-radius: 3px; display: block; text-align: center; line-height: 34px; background-color: #fff; text-decoration: none; font-size: 14px; color: #666; line-height: 32px; position: relative; padding-left: 25px;}
.ask-tab-list li .ask-tab-list-r a i{ font-size:24px; height: 24px; line-height: 24px; position:absolute; left: 7px; top: 7px;}
.ask-tab-list li .ask-tab-list-r a:hover{ background-color: #ffa127; color: #fff; border: 1px solid #ffa127;}

.ask-tab-top{ padding: 0 5px; background: #fff;}
.ask-tab-top span{ font-size: 14px; line-height: 24px; color: #6a6a6a; padding: 15px 0; display: block;}
.ask-tab-top ul{ display: block; width: 546px; padding-bottom: 20px;}
.ask-tab-top ul li{ width: 48px; padding: 5px 12px 5px 0; float: left; display: block;}
.ask-tab-top ul li a{ font-size: 12px; line-height: 1; color: #2f2f2f; width: 48px; display: block;}
.ask-tab-top ul li a:hover{ color: #2983ea; text-decoration: none;}


/* 问题 */
.ask-ans{ border-top: 2px solid #ffa127; background: #fff;}
.ask-q-title h1 { background: url(../img/ask-icon.png) no-repeat -16px -440px; font-size: 18px; line-height: 26px; color: #282828; padding: 18px 54px;}
.ask-q-list{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding-left: 20px;}
.ask-q-list div { padding-right: 20px; font-size: 12px; line-height: 15px;}
.ask-q-list div a { color: #1f75d8; margin-left: 10px;}
.ask-q-list div span { margin-left: 10px;}
.ask-q-text{ font-size: 16px; line-height: 24px; color: #666; padding: 10px 20px 25px 20px;}
.ask-a-i{ padding: 20px 0 20px 0; margin: 0 20px; border-top: 1px dashed #e2e2e2;}
.ask-a-i .fl{}
.ask-a-i .fl a{ color: #1f75d8; font-size: 16px; line-height: 1; display: block; width: 80px; background: url(../img/ask-icon.png) no-repeat 44px -523px;}
.ask-a-i .fr{}
.ask-a-i .fr span{ font-size: 14px; line-height: 1; color: #9b9b9b; padding-left: 16px;}

/* 最佳答案 */
.ask-best{ border-top: 2px solid #2f87ec; margin-top: 20px; background: #fff; margin-bottom: 20px;}
.ask-best-title{ background: url(../img/ask-icon.png) no-repeat -16px -595px; height: 20px; font-size: 18px; line-height: 1; color: #1f75d8; padding: 20px 54px;}
.ask-best-con{ font-size: 16px; color: #666; line-height: 24px; padding: 0 20px 20px 20px; text-align: justify;}
.ask-best-pic{ padding: 0 20px 30px 20px;}
.ask-best-pic ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start;}
.ask-best-pic ul li{ padding-right: 8px;}
.ask-best-pic ul li img{ width: 120px; height: 120px;}
.ask-best-pic.other{ padding-left: 0;}
.ask-best .ask-a-i{ padding-bottom: 30px;}
.ask-rate-btn{ padding: 0 0 20px 0; margin: 0 20px;}
.ask-rate{ width: 158px; height: 34px; border: 1px solid #e3e3e3; border-radius: 6px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:center; float: right;}
.ask-rate a{display: block; width: 43px; line-height: 34px; text-align: center; padding-left: 35px;}
.ask-rate span{ width: 2px; height: 19px; background-color: #e3e3e3; display: block; margin-top: 8px;}
.ask-rate-yes{ background: url(../img/ask-icon.png) no-repeat -16px -669px; }
.ask-rate-no{ background: url(../img/ask-icon.png) no-repeat -16px -739px; }

.ask-a-i .fl a.ask-a-one{ display: inline-block; background: none; font-size: 14px;}

/* 其他回答 */
.ask-other{ padding: 0 20px; margin-bottom: 20px; background: #fff;}
.ask-other-title{ font-size: 16px; line-height: 24px; color: #282828;}
.ask-other-title span{ font-size: 14px; line-height: 24px; color: #666;}
.ask-other .ask-best-con{ padding: 20px 0;}
.ask-other .ask-rate-btn{ margin: 0;}
.ask-other .ask-a-i{ border-top: none; margin: 0; padding-bottom: 20px;}
.ask-other li{ border-bottom: 1px solid #e2e2e2;}
.ask-other li:last-child{ border-bottom: none;}
.ask-other .ask-rate{ width: 78px;}

/* 相关问答 */
.ask-about{ border-top: 2px solid #1f75d8; padding: 0 20px; background: #fff; margin-bottom: 20px;}
.ask-about-title{ font-size: 16px; line-height: 18px; color: #2f2f2f; padding: 15px 0; display: block;}
.ask-about ul{ padding-bottom: 20px;}
.ask-about ul li a{ color: #2f2f2f; line-height: 14px; padding:8px 0 8px 15px; background: url(../img/ask-icon.png) no-repeat; background-position: -26px -278px; display: block;}
.ask-about ul li a p{ font-size: 14px; line-height: 14px; display: block; float: left; width: 610px; }
.ask-about ul li a i{ font-size: 14px; font-style: normal; text-align: right; color: #9b9b9b; display: block; float: right;}
.ask-about ul li a:hover,.ask-about ul li a:hover p{ color: #1f75d8; background-position: -26px -242px; text-decoration: none;}
.ask-about ul li a:hover i{color: #1f75d8; }
.ask-about ul li a.hot{ background-position: -26px -201px;}


/* 我要回答 */
.ask-editor{ padding: 0 20px; display: none;}
.ask-editor.show{ display: block;}
.ask-editor-box{ width: 688px; height: 198px; border: 1px solid #cccccc; text-align: center; line-height: 198px; color: #b2b2b2; font-size: 14px;}
.ask-editor-pic{}
.ask-editor-pic-show{ padding-bottom: 20px;}
.ask-editor-pic-show ul{ display: block;}
.ask-editor-pic-show ul li { display: block; float: left; margin-right: 20px; position: relative; width: 100px; height: 100px; margin-top: 20px;}
.ask-editor-pic-show ul li img{ display: block; width: 100%; height: 100%;}
.ask-editor-pic-show ul li span{ position: absolute; display: block; width: 16px; height: 16px; top: -8px; right: -8px; border-radius: 8px; background-color: #f00; text-align: center;}
.ask-editor-pic-show ul li span:hover{ cursor: pointer;}
.ask-editor-pic-show ul li span i{ color: #fff; font-size: 12px; line-height: 16px;}
.ask-editor-pic-btn{ color: #fff; font-size: 12px; width: 78px; height: 31px; line-height: 31px; text-align: center; background: #96d2ee; position: relative; margin-bottom: 10px; border-radius: 2px;}
.ask-editor-pic-btn input{ padding: 0; margin: 0; border: none; width: 78px; height: 31px; opacity: 0; position: absolute; left: 0; top: 0;}
.ask-editor-pic span.tips{ font-size: 12px; line-height: 1; color: #666; padding-bottom: 20px; display: block; position: relative;}
.ask-sub{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 20px;}
.ask-sub button{ font-size: 14px; color: #fff; width: 93px; height: 36px; text-align: center; line-height: 36px; border-radius: 2px; background: #1f75d8; border: none; padding: 0; margin: 0;}
.ask-sub .ask-choose{ font-size: 12px; line-height: 36px; color: #666; padding-left: 37px; position: relative;}
.ask-sub .ask-choose input{ margin: 0; position: absolute; left: 16px; top: 11px;}